.multi-select-modal {
    position: relative;
    min-width: 820px;
    .ant-modal-body {
        padding: 0;
    }
    .multi-select-body {
        position: relative;
        .flex-row-between();
        height: 460px;
        margin-top: 10px;
        .bdt-l;
        .multi-select-left {
            width: 600px;
            padding: 24px;
            .item-selected-container {
                width: 100%;
                height: 370px;
                .overflow-y;
                margin-top: 16px;
                .store-box {
                    width: 130px;
                    height: 56px;
                    .flex-center;
                    .text-overflow;
                    .ft-14;
                    .ft-clr-d;
                    .bd-l;
                    .cur-poi;
                    float: left;
                    margin-left: 10px;
                    margin-bottom: 16px;
                    &:hover, &.selected {
                        .clr-green;
                        .bd-green;
                    }
                    &:nth-child(4n + 1) {
                        margin-left: 0;
                    }
                }
                .product-box {
                    position: relative;
                    width: 120px;
                    .cur-poi;
                    float: left;
                    margin-left: 14px;
                    margin-bottom: 16px;
                    .product-pic {
                        width: 120px;
                        height: 120px;
                        .bd-white;
                    }
                    .product-name {
                        .ft-14;
                        .ft-clr-d;
                        .w-100;
                        .text-overflow;
                        .mgt-8;
                    }
                    .product-price {
                        .ft-14;
                        .ft-clr-ml;
                        .w-100;
                        .text-overflow;
                        .mgt-8;
                    }
                    .checkbox-icon {
                        position: absolute;
                        top: 8px;
                        left: 8px;
                    }
                    &:hover, &.selected {
                        .product-pic {
                            .bd-green;
                        }
                    }
                }
            }
        }
        .multi-select-right {
            width: 220px;
            height: 460px;
            padding: 10px 16px;
            .bdl-l;
            .overflow-y;
            .select-line {
                padding:  12px 0;
                .bdb-l;
                .flex-row-between;
                .ft-clr-d;
            }
        }
    }
    .multi-select-footer {
        position: relative;
        .flex-row-between;
        .bdt-l;
        padding: 0 24px;
        height: 72px;
    }
}

.multi-select-preview-list {
    .flex-row-between;
    padding: 16px;
    background: @bg-f5;
    .multi-select-preview-item {
        position: relative;
        width: 160px;
        border: 1px solid @bd-l;
        margin: 8px 16px 8px 0;
        background: @white;
        padding: 0 30px 0 12px;
        height: 36px;
        .flex-vertical-center;
        .text-overflow;
        .delete-icon {
            position: absolute;
            top: 50%;
            right: 12px;
            transform: translateY(-50%);
            .cur-poi;
            font-size: 12px;
            line-height: 1;
            .ft-clr-ml;
        }
    }
}